<!-- Created by henian.xu on 2018/11/8. -->

<template>
    <div class="case-item">
        <div class="inner">
            <div class="img-obj">
                <div
                    class="inner"
                    :style="`background-image: url('${$defaultImg}');`"/>
            </div>
            <div class="content">
                <div class="label">高帮鞋棉鞋韩版潮流加绒学生休闲帆布高邦板鞋港风ulzzang高帮鞋棉鞋韩版潮流加绒学生休闲帆布高邦板鞋港风ulzzang</div>
                <div class="desc">这不是天方夜谭，而是NILLKIN的真实销量。说起NILLKIN品牌，可谓是3C品类中的一股清流，其产品在市场上一直给人以特色与私模设计著称。从国内淘宝、天猫、到阿里国际站、全球速卖通，一路依靠产品虏获无数的粉丝这不是天方夜谭，而是NILLKIN的真实销量。说起NILLKIN品牌，可谓是3C品类中的一股清流，其产品在市场上一直给人以特色与私模设计著称。从国内淘宝、天猫、到阿里国际站、全球速卖通，一路依靠产品虏获无数的粉丝...</div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: 'CaseItem',
    data() {
        return {};
    },
};
</script>

<style lang="scss">
@import '~/assets/style/_index.scss';
.case-item {
    > .inner {
        > .img-obj {
            > .inner {
                width: 100%;
                height: 0;
                padding-top: 170%/270 * 100;
                background: transparent center no-repeat;
                background-size: cover;
            }
        }
        > .content {
            > .label {
                line-height: 40px;
                @include text-line(1);
            }
            > .desc {
                line-height: 1.2;
                color: $gray6;
                @include text-line(5);
                height: $body-font-size * 1.15 * 5;
            }
        }
    }
}
</style>
